<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>新芽后台管理系统</title>
    <link rel="shortcut icon" href="/asserts/images/favicon.ico" type="image/x-icon">
    <link href="http://dd.ddandang.top/css/bootstrap.min.css" rel="stylesheet">
    <link href="/asserts/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/asserts/css/style.min.css" rel="stylesheet">
    <link href="/asserts/css/default.css" rel="stylesheet">
    <link href="/asserts/css/layui.css" rel="stylesheet">
    <link href="http://dd.ddandang.top/layui/css/layui.css" rel="stylesheet" />

    <!--bootstrap-table-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css">

</head>
<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--引入leftNavigation左边导航栏-->
        <div th:include="~{common/module::leftNavigation(flag='DonationAreaManagement',active='addDonationArea')}"></div>

        <!--头部信息-->
        <div th:include="~{common/module::headerInformation(headerMessage=' 捐赠地区管理->增加捐赠区域')}"></div>

        <main class="lyear-layout-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="card-toolbar clearfix">
                                    <div class="form-group">
                                        <form class="layui-form">
                                            <div class="layui-form-item">
                                                <label>添加捐赠地区</label><br/>
                                                <div class="layui-inline" id="province">
                                                    <label>
                                                        <select name="province" class="province" lay-verify="required" lay-search lay-filter="province">
                                                            <option value="">省份</option>
                                                        </select>
                                                    </label>
                                                </div>
                                                <div class="layui-inline" id="city">
                                                    <label>
                                                        <select name="city" class="city" lay-verify="required" lay-search lay-filter="city">
                                                            <option value="">地级市</option>
                                                        </select>
                                                    </label>
                                                </div>
                                                <div class="layui-inline" id="county">
                                                    <label>
                                                        <select name="district" class="district" lay-verify="required" lay-search>
                                                            <option value="">县/区</option>
                                                        </select>
                                                    </label>
                                                </div>
                                                <div id="mes1" class="invalid-feedback">
                                                    请选择地址！
                                                </div>
                                            </div>
                                            <div class="form-group layui-col-md5">
                                                <label for="detailAddress">详细地址</label>
                                                <input type="text" class="form-control" id="detailAddress" placeholder="请输入详细地址：">
                                                <div id="mes2" class="invalid-feedback">
                                                    请输入详细地址名字！
                                                </div><br/>
                                                <button type="button" class="btn btn-primary m-r-5" id="addAarea">增加捐赠地区</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                <div class="table-responsive">
                                    <table id="table"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </main>
    </div>
</div>

<script type="text/javascript" src="http://dd.ddandang.top/js/jquery-3.5.0.min.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/asserts/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/js/index.min.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/layui/layui.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/js/area.js"></script>
<script type="text/javascript" src="http://dd.ddandang.top/js/selectMore.js"></script>
<!--bootstrap-table-->
<script type="text/javascript" src="/asserts/js/bootstrap-table/bootstrap-table.js"></script>
<script type="text/javascript" src="/asserts/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/asserts/js/admin/addDonationArea.js"></script>


</body>
</html>